<template>
  <div>
    <template v-for="(chart,index2) in group.charts">
      <a-card size="small" :title="chart.head.name" :key="index2" style="margin-top:10px;">
        <a-button size="small" type="primary" slot="extra" class="ant-btn-background-ghost" @click="details(chart.head.code)">详情</a-button>
        <group-auto-chart :propsChartData="chart"></group-auto-chart>
      </a-card>
    </template>
  </div>
</template>

<script>
import GroupAutoChart from './GroupAutoChart'
export default {
  name: 'GroupTemplateCard',
  components: {
    GroupAutoChart
  },
  props: ['group'],
  data() {
    return {

    }
  },
  methods: {
    details(code) {
      this.$router.push({ path: '/online/cggraphreport/chart/' + code })
    }
  }
}
</script>
